#wrapper{
    width: 700px;
    margin: 0 auto;
}

.log-reg-box {
    margin    : 0 auto;
    height    : 453px;
    width     : 455px;
    margin-top: 40px;
    padding   : 0 10px;
}

.reg-box {
    width       : 671px;
    margin-right: auto;
    margin-left : auto;

    a {
        &:link {
            color          : #0080ff;
            text-decoration: none;
        }

        &:visited {
            color: #0080ff;
        }

        &:hover {
            color          : #ff9900;
            text-decoration: underline;
        }
    }
}

.log-tit {
    height             : 43px;
    width              : 439px;
    background-image   : url(../images/login/reg-bg.png);
    background-repeat  : no-repeat;
    background-position: -162px -153px;
    margin-bottom      : 37px;
}

.reg-tit {
    height             : 43px;
    width              : 439px;
    background-image   : url(../images/login/reg-bg.png);
    background-repeat  : no-repeat;
    background-position: -163px -197px;
    margin-left        : 16px;
    margin-bottom      : 37px;
}

.single-reg-tit {
    height             : 41px;
    width              : 620px;
    background-image   : url(../images/login/reg-bg.png);
    background-repeat  : no-repeat;
    background-position: -162px -69px;
    margin-bottom      : 37px;
    margin-top         : 40px;
    margin-right       : auto;
    margin-left        : auto;
}

.single-reg-fbg {
    height             : 3px;
    width              : 671px;
    background-image   : url(../images/login/reg-bg.png);
    background-repeat  : no-repeat;
    background-position: -161px -435px;
    margin-bottom      : 40px;
    margin-right       : auto;
    margin-left        : auto;
    margin-top         : 18px;
}

.regcom-tit {
    height             : 56px;
    width              : 671px;
    background-image   : url(../images/login/reg-bg.png);
    background-repeat  : no-repeat;
    background-position: -162px -240px;
    margin-bottom      : 20px;
    margin-top         : 40px;
    margin-right       : auto;
    margin-left        : auto;
}

.regcom-tips {
    font-size     : 12px;
    line-height   : 18px;
    text-align    : center;
    padding-top   : 8px;
    padding-bottom: 8px;

    ul {
        margin        : 0px;
        text-align    : center;
        padding-top   : 0px;
        padding-right : 0px;
        padding-bottom: 0px;
        padding-left  : 155px;

        li {
            float          : left;
            display        : block;
            height         : 25px;
            margin-right   : 20px;
            margin-left    : 20px;
            list-style-type: none;
            font-size      : 12px;
            line-height    : 25px;
        }
    }
}

.user {
    font-family : Arial;
    font-size   : 12px;
    color       : #02befd;
    margin-right: 3px;
    margin-left : 3px;
}

.user-email {
    font-family : Arial;
    font-size   : 12px;
    color       : #00cafe;
    margin-right: 3px;
    margin-left : 3px;
}

.set {
    height          : 40px;
    width           : 375px;
    background-color: #f2f2f2;
    margin-right    : auto;
    margin-left     : auto;
    font-size       : 12px;
    line-height     : 40px;
    text-align      : center;
    margin-top      : 10px;
    margin-bottom   : 10px;
}

.set-txt {
    height: 40px;
    width : 250px;
    float : left;
}

.tp {
    font-family : Arial;
    color       : #ff0000;
    margin-right: 3px;
    margin-left : 3px;
    font-size   : 14px;
}

#per-info {
    height       : 42px;
    width        : 179px;
    margin-right : auto;
    margin-left  : auto;
    margin-top   : 25px;
    margin-bottom: 20px;
}

.input {
    height     : 55px;
    margin-left: 50px;
    font-size  : 12px;

    a {
        &:link {
            color          : #00b6f2;
            text-decoration: none;
        }

        &:visited {
            color: #00b6f2;
        }

        &:hover {
            color          : #ff9900;
            text-decoration: underline;
        }
    }
}

.nologin{
    text-align: left;
    margin-left: 190px;
    height: 30px;

    input{
        vertical-align: middle;
    }
}

.width60 {
    width      : 70px;
    height     : 25px;
    line-height: 23px;
    text-align : right;
    float      : left;

    span {
        float: right;
    }
}

.width24 {
    width : 24px;
    height: 23px;
}

.fixlogininput {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    width      : 200px;
    padding    : 2px;
    border     : 1px solid #7f9db9;
}

#verifycode-box {
    height: 20px;
    width : 180px;
    float : left;
}

.testcode {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border     : 1px solid #7f9db9;
    padding    : 2px;
    width      : 50px;
}

#reg-btn {
    height       : 29px;
    width        : 90px;
    margin-left  : 170px;
    margin-bottom: 20px;
}

.ver-line {
    background-image   : url(../images/login/reg-bg.png);
    background-repeat  : no-repeat;
    height             : 403px;
    width              : 1px;
    float              : left;
    background-position: -928px -83px;
}

#login-btn {
    height     : 29px;
    width      : 190px;
    float      : left;
    margin-left: 132px;
}

.tip {
    height      : 25px;
    font-size   : 12px;
    line-height : 25px;
    padding-left: 65px;
    position    : relative;
    color       : #515151;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    white-space : normal;
}

.reg_errmsg {
    color: #ff0000;
}

.reginputbox {
    padding-left: 110px;
}

.img_right {
    margin-left: 3px;
    display    : none;
}

.input_failure {
    border          : 1px solid Maroon;
    background-color: #fffddf;
    color           : #8b0000;
}

.input_focus {
    border          : 1px solid #00008b;
    background-color: #eaf5ff;
}

#lyrSimplePassword {
    position        : absolute;
    visibility      : hidden;
    width           : 230px;
    border          : 1px solid #626262;
    padding         : 1px;
    background-color: #eeffff;
    color           : #000000;

    li {
        list-style-type: none;
        width          : 100px;
        float          : left;
        padding-left   : 12px;
    }

    .tt {
        background-color: #90c9ff;
        padding-left    : 5px;
    }
}

#login_loading {
    visibility : hidden;
    white-space: normal;

    img {
        position: relative;
        top     : 3px;
    }
}

.logintip {
    width           : 200px;
    margin-left     : 45px;
    font-weight     : bold;
    color           : #ff4500;
    background-color: #fff8d2;
    padding         : 5px;
    border          : 1px solid #dbdbdb;
    margin-bottom   : 20px;
}

#frmUserLogin {
    margin: 0px;
}

.loadingproc {
    visibility: hidden;

    img {
        position    : relative;
        top         : 4px;
        margin-right: 3px;
    }
}

#divVerifyCode {
    display: block;
    position: relative;
}

#captcha{
    width: 110px;
    position: absolute;
    top: -14px;
    left: 120px;
}

#lyrMask {
    position        : fixed;
    visibility      : hidden;
    width           : 100%;
    height          : 100%;
    top             : 0px;
    left            : 0px;
    background-color: #666;
    opacity         : 0.2;
    z-index         : 10;
}

#proto-layer {
    position        : fixed;
    width           : 900px;
    height          : 500px;
    border          : 1px solid #999;
    box-shadow      : 5px 5px 1px #b8b8b8;
    background-color: #fff;
    top             : 50%;
    left            : 50%;
    margin-left     : -450px;
    margin-top      : -250px;
    visibility      : hidden;
    z-index         : 999;

    div {
        padding   : 10px;
        text-align: center;
        font-size : 14px;

        &.title {
            background-color: #f5f5f5;
            border-bottom   : 2px solid #eee;
            font-weight     : bold;
        }
    }

    iframe {
        width      : 896px;
        height     : 405px;
        margin-left: 2px;
        border     : none;
    }

    button {
        width           : 300px;
        background-color: #e4393c;
        color           : #fff;
        padding         : 8px;
        font-size       : 14px;
        font-weight     : bold;
        cursor          : pointer;
        outline         : none;
    }
}

#close-proto-btn {
    position: absolute;
    right   : 0px;
    padding : 5px;
    top     : 0px;

    &:hover {
        background-color: #ccc;
    }
}

.gray_border_box {
    border    : 1px solid #c6e6f3;
    margin-top: 10px;
    padding   : 10px;
    text-align: left;
    width     : 700px;
}